<template>
	<div class="box">
		<el-input
			class="searchInput"
			prefix-icon="el-icon-search"
			v-model="searchValues"
			placeholder="搜索账号"
		>
		</el-input>
		
	</div>
</template>

<script>
import bus from '../bus.js';

export default {
    props:['searchValue'],
	data() {
		return {
			searchValues: this.searchValue,
		};
	},
	methods: {
		// clearSearchVal() {
		// 	this.searchValue = '';
		// },
	},
	watch: {
		searchValue: function(newVal, oldVal) {
			this.$emit('searchVal', this.searchValues);
		},
	},
};
</script>
<style scoped>
.searchInput {
	width: 300px;
	margin-right: 14px;
}
.box {
    margin-bottom: 20px;
}
</style>
